/* Data toolbar
   - Includes customizations for label filter input and active filter
---------------------------------------------------------------------------- */

.data-toolbar {
 .flex-display(@display: flex);
 .flex(@columns: 1 1 0%);
 .flex-wrap(@wrap: wrap);
 padding: 5px 0;
 .checkbox {
   margin-top: 3px;
   margin-bottom: 0;
 }
 .data-toolbar-dropdown {
    width: 150px;
 }
 .data-toolbar-filter {
   .flex-display(@display: flex);
   .flex(@columns: 1 1 0%);
    min-width: 75px;
    .form-group {
      margin-bottom: 0;
      margin-right: 10px;
      min-width: 75px;
      input {
        width: 100%;
      }
    }
 }
 .data-toolbar-views {
   .flex(@columns: 0 1 auto);
   @media (min-width: @screen-lg-min) {
     .flex(@columns: 0 1 auto);
   }
   text-align: right;
 }
}

project-filter {
  .flex-display(@display: flex);
  .flex(@columns: 1 0 0%);
  .flex-direction(@direction: column);
  @media (max-width: @screen-xs-max) {
    min-width: initial;
  }
  .label-filtering-remove-all {
    background-color: @brand-primary !important;
  }
}

.monitoring-toolbar {
   justify-content: space-between;
}